<template>
    <div style="width: 30%;margin: 0 auto">


      <table border="1" width="400px">
        <tr>
          <th>编号</th>
          <th>名称</th>
          <th>演唱者</th>
          <th>时长/分钟</th>
          <th>类型</th>
          <th>收藏量</th>
          <th>操作</th>
        </tr>
        <tr v-for="m in mlist">
          <td v-text="m.musicid"></td>
          <td v-text="m.musicname"></td>
          <td v-text="m.singer"></td>
          <td v-text="m.longtime"></td>
          <td v-text="m.musicType.typename"></td>
          <td v-text="m.collectCount"></td>
          <td >
            <button @click.prevent="del(p.pid)">取消收藏</button>
          </td>
        </tr>
      </table>

    </div>
</template>

<script>
    export default {
      data(){
        return{
          mlist:[],
          pnum:1,
          psize:3,
          id:1
        }
      },
      created(){
        this.search()
      },
      methods:{
        search(){
          this.axios.get("http://127.0.0.1:8090/shopping/music/mycol",{
            params:{
              pageNum:this.pnum,
              pageSize:this.psize,
              id:this.id
            }
          }).then((data)=>{
            this.mlist=data.data.data.list;
          })
        }

      }


    }
</script>

<style scoped>

</style>
